<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>所有愿望</title>
    <!-- Favicon -->
    <link rel="shortcut icon" type="image/x-icon" th:href="@{/assets/localpic/103.jpg}">

    <!-- CSS
    ========================= -->
    <!--bootstrap min css-->
    <link rel="stylesheet" th:href="@{/assets/css/bootstrap.min.css}">
    <!--owl carousel min css-->
    <link rel="stylesheet" th:href="@{/assets/css/owl.carousel.min.css}">
    <!--slick min css-->
    <link rel="stylesheet" th:href="@{/assets/css/slick.css}">
    <!--magnific popup min css-->
    <link rel="stylesheet" th:href="@{/assets/css/magnific-popup.css}">
    <!--font awesome css-->
    <link rel="stylesheet" th:href="@{/assets/css/font.awesome.css}">
    <!--ionicons css-->
    <link rel="stylesheet" th:href="@{/assets/css/ionicons.min.css}">
    <!--7 stroke icons css-->
    <link rel="stylesheet" th:href="@{/assets/css/pe-icon-7-stroke.css}">
    <!--animate css-->
    <link rel="stylesheet" th:href="@{/assets/css/animate.css}">
    <!--jquery ui min css-->
    <link rel="stylesheet" th:href="@{/assets/css/jquery-ui.min.css}">
    <!--plugins css-->
    <link rel="stylesheet" th:href="@{/assets/css/plugins.css}">

    <!-- Main Style CSS -->
    <link rel="stylesheet" th:href="@{/assets/css/style.css}">

    <!--modernizr min js here-->
    <script th:src="@{/assets/js/vendor/modernizr-3.7.1.min.js}"></script>
</head>
<body>

<div class="off_canvars_overlay">

</div>

<div class="home5_bg_area" data-bgimg="images/background.png">
    <div class="container">
<!--breadcrumbs area start-->
<div class="breadcrumbs_area breadcrumbs_bg" style="padding: 10px 0px">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="breadcrumb_content">
                    <h3>所有愿望</h3>
                    <ul>
                        <li><a th:href="@{/}">回到首页</a></li>
                        <li>所有愿望</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<!--breadcrumbs area end-->
<div class="blog_page_section blog_reverse" >
            <div class="container">
                <div class="row">
                    <div class="col-lg-3 col-md-12">
                        <div class="blog_sidebar_widget">
                            <div class="widget_list widget_search">
                                <div class="widget_title">
                                    <h3>搜索</h3>
                                </div>
                                <form th:action="@{/goods/keyword}">
                                    <input type="text" placeholder="搜索您可以赠送的物品" id="keyword" name="keyword" style="width:300px;margin-bottom: 0px" onkeyup="test(this.value,event)">
                                    <ul id="sel" onchange="test2()" class="sub_menu pages"
                                        style="width:300px;display:none;background-color: #a8fff3">
                                    </ul>
                                    <button type="submit">查询</button>
                                </form>

                            </div>
                            <div class="widget_list widget_post" >
                                <div class="widget_title">
                                    <h3>最新博文</h3>
                                </div>
                                <div class="post_wrapper" th:each="blog:${recentGoods}">
                                    <div class="post_thumb">
                                        <a th:href="@{/goods/good/}+${blog.getId()}"><img th:src="${blog.getPic()}" alt=""></a>
                                    </div>
                                    <div class="post_info">
                                        <h4><a th:href="@{/goods/good/}+${blog.getId()}">[[${blog.getProductName()}]]</a></h4>
                                        <span>[[${blog.getDate()}]]</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-9 col-md-12">
                        <div class="col-lg-4" th:each="good:${goods}" style="margin-top: 10px;float: left">
                            <article class="single_product" style="height: 257.88px;background-color: #FFFFFF;border-radius: 2px;border: #b3b3b3">
                                <figure>
                                    <div class="product_thumb" style="height: 181.88px">
                                        <a class="primary_img" href="#"><img th:src="${good.getPic()}" alt="" style="height: 181.88px"></a>
                                        <div class="label_product">
                                            <span class="label_sale">[[${careCount.get(good.getId())}]]人关注</span>
                                        </div>
                                        <div class="action_links">
                                            <ul>
                                                <li class="wishlist"><a th:href="@{/goods/addCare/}+${good.getId()}" title="关注"><i class="fa fa-heart-o" aria-hidden="true"></i></a></li>
                                            </ul>
                                        </div>
                                    </div>
                                    <figcaption class="product_content">
                                        <h4 class="product_name">[[${good.getProductName()}]]</h4>
                                        <div class="add_to_cart">
                                            <a th:href="@{/goods/good/}+${good.getId()}" title="详情" style="font-family: Arial">查看详情</a>
                                        </div>
                                    </figcaption>
                                </figure>
                            </article>
                        </div>
                    </div>

                </div>
            </div>
        </div>

    </div>
    <footer th:replace="~{/index::footer}"></footer>
</div>

<!-- JS
============================================ -->
<!--jquery min js-->
<script th:src="@{/assets/js/vendor/jquery-3.5.0.min.js}"></script>
<!--popper min js-->
<script th:src="@{/assets/js/popper.js}"></script>
<!--bootstrap min js-->
<script th:src="@{/assets/js/bootstrap.min.js}"></script>
<!--owl carousel min js-->
<script th:src="@{/assets/js/owl.carousel.min.js}"></script>
<!--slick min js-->
<script th:src="@{/assets/js/slick.min.js}"></script>
<!--magnific popup min js-->
<script th:src="@{/assets/js/jquery.magnific-popup.min.js}"></script>
<!--jquery countdown min js-->
<script th:src="@{/assets/js/jquery.countdown.js}"></script>
<!--jquery ui min js-->
<script th:src="@{/assets/js/jquery.ui.js}"></script>
<!--jquery elevatezoom min js-->
<script th:src="@{/assets/js/jquery.elevatezoom.js}"></script>
<!--isotope packaged min js-->
<script th:src="@{/assets/js/isotope.pkgd.min.js}"></script>
<!-- Plugins JS -->
<script th:src="@{/assets/js/plugins.js}"></script>

<!-- Main JS -->
<script th:src="@{/assets/js/main.js}"></script>

</body>
</html>